<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>五子棋</title>
</head>
<body>
    <div id="main">
        <div id="actions">
            <button type="button">重新开始游戏</button>
            <button type="button">悔棋</button>
            <button type="button">确认落子</button>
        </div>
    </div>
    <div id="settings">
        <span>请选择棋子类型：</span>
        <input type="radio" name="userChessType" id="blackChess" value="black" checked /><label for="blackChess">黑子</label>
        <input type="radio" name="userChessType" id="whiteChess" value="white" /><label for="whiteChess">白子</label><br/>
        <span>请选择先后手：</span>
        <input type="radio" name="earlyLate" id="early" value="early" checked /><label for="early">先手</label>
        <input type="radio" name="earlyLate" id="later" value="later" /><label for="later">后手</label><br/>
        <span>是否自动确认落子：</span>
        <input type="checkbox" id="disabledAutoConfirm" value="1" checked /><label for="disabledAutoConfirm">自动确认落子</label>
        <span><span class="help">请选择禁手：<div class="tooltip" tabindex="1"><span class="triangle">&nbsp;</span>先手优势极大，基本是必胜的，所以需要对先手进行一些限制</div></span></span>
        <input type="checkbox" id="doubleFour"   value="44" checked /><label for="doubleFour">四四禁手</label><br/>
        <span>&nbsp;</span>
        <input type="checkbox" id="doubleThree"  value="33" checked /><label for="doubleThree">三三禁手</label><br/>
        <span>&nbsp;</span>
        <input type="checkbox" id="moreThanFive" value="55" checked /><label for="moreThanFive">长连禁手,禁止多于5子连成一线的情况出现</label><br/>
        <button type="button">确认选择</button>
        <p class="sign">
            业余作品，实现了不那么傻的 AI，目前的缺陷是，没有对先手很好的实现混合禁手的判断<br/>
            禁手的判断比较复杂，还有一些情况并不能完全识别出来，不过普通对局下也很难出现禁手就是了<br/>
            由于 AI 的算法并没有优化到理想状态，所以 AI 并不能实现先手必胜，玩家还是有发挥空间的<br/>
        </p>
    </div>
</html>